<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
        <meta name="author" content="Coderthemes">

        <link rel="shortcut icon" href="assets/images/favicon_1.ico">

        <title>OCP - Responsive Admin 首页 Template</title>


        <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
        <link href="bootstrap/css/core.css" rel="stylesheet" type="text/css">
        <link href="bootstrap/css/icons.css" rel="stylesheet" type="text/css">
        <link href="bootstrap/css/components.css" rel="stylesheet" type="text/css">
        <link href="bootstrap/css/pages.css" rel="stylesheet" type="text/css">
        <link href="bootstrap/css/menu.css" rel="stylesheet" type="text/css">
        <link href="bootstrap/css/responsive.css" rel="stylesheet" type="text/css">

        <script src="bootstrap/js/modernizr.min.js"></script>




        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->

    </head>


    <body class="fixed-left">

        <!-- Begin page -->
        <div id="wrapper">

            <!-- Top Bar Start -->
            <div th:replace="~{fragment :: topbar_menu}">
            </div>
            <!-- Top Bar End -->


            <!-- ========== Left Sidebar Start ========== -->

            <div th:replace="~{fragment :: leftbar_menu(1)}" >
            </div>
            <!-- Left Sidebar End -->


            <!-- ============================================================== -->
            <!-- Start right Content here -->
            <!-- ============================================================== -->
            <div class="content-page">
                <!-- Start content -->
                <div class="content">
                    <div class="container">

                        <!-- Page-Title -->
                        <div class="row">
                            <div class="col-sm-12">
                                <h4 class="pull-left page-title">Welcome !</h4>
                                <ol class="breadcrumb pull-right">
                                    <li>
                                        <a href="#">OCP</a>
                                    </li>
                                    <li class="active">首页</li>
                                </ol>
                            </div>
                        </div>

                        <!-- Start Widget -->
                        <div class="row">
                            <div class="col-md-6 col-sm-6 col-lg-3">
                                <div class="mini-stat clearfix bx-shadow bg-info">
                                    <span class="mini-stat-icon"><i class="ion-social-usd"></i></span>
                                    <div class="mini-stat-info text-right">
                                        <span class="counter">15852</span>
                                        Total Sales
                                    </div>
                                    <div class="tiles-progress">
                                        <div class="m-t-20">
                                            <h5 class="text-uppercase text-white m-0">Last week's Sales <span class="pull-right">235</span></h5>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6 col-lg-3">
                                <div class="mini-stat clearfix bg-purple bx-shadow">
                                    <span class="mini-stat-icon"><i class="ion-ios7-cart"></i></span>
                                    <div class="mini-stat-info text-right">
                                        <span class="counter">956</span>
                                        New Orders
                                    </div>
                                    <div class="tiles-progress">
                                        <div class="m-t-20">
                                            <h5 class="text-uppercase text-white m-0">Last week's Orders <span class="pull-right">59</span></h5>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6 col-sm-6 col-lg-3">
                                <div class="mini-stat clearfix bg-success bx-shadow">
                                    <span class="mini-stat-icon"><i class="ion-eye"></i></span>
                                    <div class="mini-stat-info text-right">
                                        <span class="counter">20544</span>
                                        Unique Visitors
                                    </div>
                                    <div class="tiles-progress">
                                        <div class="m-t-20">
                                            <h5 class="text-uppercase text-white m-0">Last month's Visitors <span class="pull-right">1026</span></h5>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6 col-sm-6 col-lg-3">
                                <div class="mini-stat clearfix bg-primary bx-shadow">
                                    <span class="mini-stat-icon"><i class="ion-android-contacts"></i></span>
                                    <div class="mini-stat-info text-right">
                                        <span class="counter">5210</span>
                                        New Users
                                    </div>
                                    <div class="tiles-progress">
                                        <div class="m-t-20">
                                            <h5 class="text-uppercase text-white m-0">Last month's Users <span class="pull-right">136</span></h5>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End row-->

                        <div class="row">
                            <div class="col-md-6 col-sm-12 col-lg-6 col-xs-12">
                                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                                    <!-- Indicators -->
                                    <ol class="carousel-indicators">
                                        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                                        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                                        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                                    </ol>

                                    <!-- Wrapper for slides -->
                                    <div class="carousel-inner" role="listbox">
                                        <div class="item active">
                                            <img src="img/1.png" alt="">
                                            <div class="carousel-caption">
                                            </div>
                                        </div>
                                        <div class="item">
                                            <img src="img/2.png" alt="">
                                            <div class="carousel-caption">
                                            </div>
                                        </div>
                                        <div class="item">
                                            <img src="img/3.png" alt="">
                                            <div class="carousel-caption">
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Controls -->
                                    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                        <span class="sr-only">Previous</span>
                                    </a>
                                    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                        <span class="sr-only">Next</span>
                                    </a>
                                </div>

                            </div>
                            <div class="col-md-6 col-sm-12 col-lg-6 col-xs-12">
                                <div class="jumbotron" style="padding-top:0px">
                                    <h2>你好, 万家乐!</h2>
                                    <p style="text-indent:2em;">二十世纪八十年代，万家乐将热水器带进千千万万的中国家庭，改变了国人传承千年的洗浴生活。万家乐将持续帮助每个家庭降低能源消耗，减少碳排放，助力建设环保、智慧型社会，创造更加舒适、健康的高品质热水和厨房生活，为每个家庭带来快乐。万家乐，中国热水与中国菜厨电专家。</p>
                                    <p style="text-indent:2em;">万家乐，乐万家。</p>
                                    <p align="right"><a class="btn btn-primary btn-lg" href="#" role="button">了解更多</a></p>
                                </div>
                            </div>

                        </div>

                        <div class="col-md-3 col-sm-12 col-lg-3 col-xs-12">
                            <ul class="list-group">
                                <li class="list-group-item list-group-item-success">Dapibus ac facilisis in</li>
                                <li class="list-group-item list-group-item-info">Cras sit amet nibh libero</li>
                                <li class="list-group-item list-group-item-warning">Porta ac consectetur ac</li>
                                <li class="list-group-item list-group-item-danger">Vestibulum at eros</li>
                            </ul>
                            <div class="list-group">
                                <a href="#" class="list-group-item list-group-item-success">Dapibus ac facilisis in</a>
                                <a href="#" class="list-group-item list-group-item-info">Cras sit amet nibh libero</a>
                                <a href="#" class="list-group-item list-group-item-warning">Porta ac consectetur ac</a>
                                <a href="#" class="list-group-item list-group-item-danger">Vestibulum at eros</a>
                            </div>
                        </div>

                        <div class="col-md-9 col-sm-12 col-lg-9 col-xs-12 img-responsive">
                            <img src="img/img.png" alt="..." class="img-rounded img-responsive">
                        </div>


                    </div> <!-- container -->

                </div> <!-- content -->

                <footer class="footer text-right">
                    2015 © OCP.
                </footer>

            </div>
            <!-- ============================================================== -->
            <!-- End Right content here -->
            <!-- ============================================================== -->

        </div>
        <!-- END wrapper -->


        <script>
            var resizefunc = [];
        </script>

        <!-- jQuery  -->
        <script src="bootstrap/js/jquery.min.js"></script>
        <script src="bootstrap/js/bootstrap.min.js"></script>
        <script src="bootstrap/js/detect.js"></script>
        <script src="bootstrap/js/fastclick.js"></script>
        <script src="bootstrap/js/jquery.slimscroll.js"></script>
        <script src="bootstrap/js/jquery.blockUI.js"></script>
        <script src="bootstrap/js/waves.js"></script>
        <script src="bootstrap/js/wow.min.js"></script>
        <script src="bootstrap/js/jquery.nicescroll.js"></script>
        <script src="bootstrap/js/jquery.scrollTo.min.js"></script>

        <script src="bootstrap/js/jquery.app.js"></script>

        <!-- 首页  -->
        <script src="bootstrap/pages/jquery.dashboard.js"></script>


    </body>
</html>